Vue.component('todo-header', {
  template: `
    <header class="header">
    <h1>todos</h1>
    <input
      class="new-todo"
      placeholder="What needs to be done?"
      @keyDown.enter="add"
      v-model.trim="todoName"
      autofocus
        />
    </header>
    `,
})
